<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" />
    <link rel="stylesheet" href="css/Site.css" />
    <link rel="stylesheet" href="css/zy.all.css" />
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <link rel="stylesheet" href="css/amazeui.min.css" />
    <link rel="stylesheet" href="css/admin.css" />
    <!--		在标题栏的左侧显示图标 href:图标地址-->
    <link rel="icon" href="images/logo/favicon.ico" type="image/x-icon">
    <!--		在收藏夹里面显示图标 href:图标地址-->
    <link rel="shortcut icon" href="images/logo/favicon.ico" type="image/x-icon">
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">

        //页面加载的时候 异步的方式加载下拉框
        $(function () {
            $.ajax({
                url:"type_all",
                type:"post",
                dataType:"json",
                success:function (result) {
                    //alert(JSON.stringify(result));
                    for(var i=0;i<result.length;i++){
                        $("#productType").append("<option value='"+result[i].tid+"'>"+result[i].tname+"</option>")
                    }
                }
            });
        });

    </script>
</head>
<body>
<div class="dvcontent">

    <div>
        <!--tab start-->
        <div class="tabs">
            <div class="hd">
                <ul>
                    <li class="on" style="box-sizing: initial;-webkit-box-sizing: initial;">商品列表</li>
                    <li class="" style="box-sizing: initial;-webkit-box-sizing: initial;">添加商品</li>
                </ul>
            </div>
            <div class="bd">
                <ul style="display: block;padding: 20px;">
                    <li>
                        <!--分页显示角色信息 start-->
                        <div id="dv1">
                            <table class="table" id="tbRecord">
                                <thead>
                                <tr>
                                    <th>商品编号</th>
                                    <th>商品图片</th>
                                    <th>商品名称</th>
                                    <th>商品分类</th>
                                    <th>商品描述</th>
                                    <th>编辑</th>
                                    <th>删除</th>
                                </tr>
                                </thead>
                                <tbody>
                                    <tr th:each="p:${pageUtils.data}">
                                        <td th:text="${p.pid}"></td>
                                        <td><img th:src="${p.getPimage()}" style="width: 45px;height: 45px"/></td>
                                        <td th:text="${p.ptitle}"></td>
                                        <td th:text="${p.type.tname}"></td>
                                        <td th:text="${p.premark}"></td>
                                        <td class="edit"><button th:onclick="|window.location.href='product_goupdate?pid=${p.pid}'|"><i class="icon-edit bigger-120"></i>编辑</button></td>
                                        <td class="delete"><button th:onclick="|btn_delete(${p.pid});|"><i class="icon-trash bigger-120"></i>删除</button></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <!--分页显示角色信息 end-->
                        <center>
                            <a href="/product_page?pageIndex=1">首页</a>
                            <a th:if="${pageUtils.pageIndex>1}" th:href="|product_page?pageIndex=${pageUtils.pageIndex-1}|">上一页</a>
                            <a th:each="num:${pageUtils.numbers}" th:class="${pageUtils.pageIndex==num}? a" th:text="|${num} |"></a>
                            <a th:if="${pageUtils.pageIndex<pageUtils.pageCount}" th:href="|product_page?pageIndex=${pageUtils.pageIndex+1}|">下一页</a>
                            <a th:href="|product_page?pageIndex=${pageUtils.pageCount}|">尾页</a>
                            [<span th:text="${pageUtils.pageIndex}"></span>/<span th:text="${pageUtils.pageCount}"></span>]
                            共<span th:text="${pageUtils.totalCount}"></span>条
                        </center>
                    </li>
                </ul>
                <ul class="theme-popbod dform" style="display: none;">
                    <div class="am-cf admin-main" style="padding-top: 0px;">
                        <!-- content start -->

                        <div class="am-cf admin-main" style="padding-top: 0px;">
                            <!-- content start -->
                            <div class="admin-content">
                                <div class="admin-content-body">

                                    <div class="am-g">
                                        <div class="am-u-sm-12 am-u-md-4 am-u-md-push-8">

                                        </div>
                                        <div class="am-u-sm-12 am-u-md-8 am-u-md-pull-4"
                                             style="padding-top: 30px;">
                                            <form class="am-form am-form-horizontal"
                                                  action="product_add" method="post" enctype="multipart/form-data">
                                                <div class="am-form-group">
                                                    <label for="ptitle" class="am-u-sm-3 am-form-label">
                                                        商品名称</label>
                                                    <div class="am-u-sm-9">
                                                        <input type="text" id="ptitle" required
                                                               placeholder="商品名称" name="ptitle">
                                                        <small>10字以内...</small>
                                                    </div>
                                                </div>

                                                <div class="am-form-group">
                                                    <label for="price" class="am-u-sm-3 am-form-label">
                                                        商品价格</label>
                                                    <div class="am-u-sm-9">
                                                        <input type="text" id="price" required
                                                               placeholder="商品价格" name="price">
                                                        <small>...</small>
                                                    </div>
                                                </div>

                                                <div class="am-form-group">
                                                    <label for="file" class="am-u-sm-3 am-form-label">
                                                        商品图片</label>
                                                    <div class="am-u-sm-9">
                                                        <input type="file" id="file" required placeholder="商品图片" name="file">
                                                        <small>...</small>
                                                    </div>
                                                </div>

                                                <div class="am-form-group">
                                                    <label for="productType" class="am-u-sm-3 am-form-label">
                                                        分类</label>
                                                    <div class="am-u-sm-9">
                                                        <select name="type.tid" required id="productType">
                                                            <option value="-1">请选择分类</option>
                                                        </select>
                                                        <small>群组</small>
                                                    </div>
                                                </div>
                                                <div class="am-form-group">
                                                    <label for="premark" class="am-u-sm-3 am-form-label">
                                                        备注</label>
                                                    <div class="am-u-sm-9">
									<textarea class="" rows="5" id="premark" name="premark"
                                              placeholder="输入备注"></textarea>
                                                        <small>250字以内...</small>
                                                    </div>
                                                </div>
                                                <div class="am-form-group">
                                                    <div class="am-u-sm-9 am-u-sm-push-3">
                                                        <input type="submit" class="am-btn am-btn-success" value="添加商品" />
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <!-- content end -->
                        </div>
                        <!--添加 end-->
                    </div>
                </ul>
            </div>
        </div>
        <!--tab end-->

    </div>


    <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="js/plugs/Jqueryplugs.js" type="text/javascript"></script>
    <script src="js/_layout.js"></script>
    <script src="js/plugs/jquery.SuperSlide.source.js"></script>
    <script>
        var num = 1;
        $(function() {

            $(".tabs").slide({ trigger: "click" });

        });

        //删除
        var btn_delete = function(pid) {
            $.jq_Confirm({
                message: "您确定要删除吗?",
                btnOkClick: function() {
                    $.ajax({
                        type: "post",
                        url: "product_delete",
                        data: { pid: pid },
                        success: function(result) {
                            if(result.code==200) {
                                $.jq_Alert({
                                    message: "删除成功",
                                    btnOkClick: function() {
                                        location.href="product_page";
                                    }
                                });
                            }else{
                                $.jq_Alert({
                                    message: "删除失败",
                                    btnOkClick: function() {
                                        location.href="product_page";
                                    }
                                });
                            }
                        }});
                }
            });
        }
    </script>

</div>
</body>

</html>